<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="newtemplatesfiles5/img/favicon.html">

    <link rel="stylesheet" href="asserts/css/swiper-bundle.min.css">
    <title>辅导员首页</title>

    <!-- Bootstrap core CSS -->
    <link href="newtemplatesfiles5/css/bootstrap.min.css" rel="stylesheet">
    <link href="newtemplatesfiles5/css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="newtemplatesfiles5/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="newtemplatesfiles5/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>
    <link rel="stylesheet" href="newtemplatesfiles5/css/owl.carousel.css" type="text/css">
    <!-- Custom styles for this template -->
    <link href="newtemplatesfiles5/css/style.css" rel="stylesheet">
    <link href="newtemplatesfiles5/css/style-responsive.css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
    <script src="newtemplatesfiles5/js/html5shiv.js"></script>
    <script src="newtemplatesfiles5/js/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<section id="container" class="">
    <!--header start-->
    <div th:insert="common/schoolCounsellor-common-header::top"></div>
    <!--header end-->
    <!--sidebar start-->
    <div th:insert="common/schoolCounsellor-common-sidebar::#left"></div>
    <!--sidebar end-->
    <!--main content start-->
    <section id="main-content">
        <section class="wrapper">
            <!--state overview start-->
            <div class="row state-overview">
                <div class="col-lg-4 col-sm-8">
                    <section class="panel">
                            <div class="symbol red">
                                <i class="icon-truck"></i>
                            </div>
                            <div class="value">
                                <h1 th:text="${session.myStudentEbickNum eq null ? '' : session.myStudentEbickNum}">0</h1>
                                <p>学生电动车数量</p>
                            </div>
                    </section>
                </div>

                <div class="col-lg-4 col-sm-8">
                    <section class="panel">
                        <div class="symbol blue">
                            <i class="icon-bar-chart"></i>
                        </div>
                        <div class="value">
                            <h1 th:text="${session.superviseFormNum eq null ? '' : session.superviseFormNum}">34,500</h1>
                            <p>累计学生被举报数量</p>
                        </div>
                    </section>
                </div>
                <div class="col-lg-4 col-sm-8">
                    <section class="panel">
                        <div class="symbol yellow">
                            <i class="icon-shopping-cart"></i>
                        </div>
                        <div class="value">
                            <h1 th:text="${session.finishedOrdersNum eq null ? '' : session.finishedOrdersNum}">345</h1>
                            <p>累计学生成交数量</p>
                        </div>
                    </section>
                </div>
            </div>
            <!--state overview end-->

            <div class="row">
                <div class="col-lg-12">
                    <div class="border-head">
                        <h3>最新公告</h3>
                    </div>
                    <div class="swiper">
                        <div class="swiper-wrapper">
                            <tr th:each="emp:${session.publicizeImplList3}">
                                <div class="swiper-slide text-center">
                                    <a th:href="@{/getOnePublicize.do(publicizeID=${emp.publicizeID})}">
                                        <span th:text="${emp.title eq null ? '无':emp.title}"></span>
                                        <img style="width: 100%" th:src="${emp.image eq null ? '' :emp.image}">
                                    </a>
                                </div>
                            </tr>

                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>

                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>

                        <!-- 如果需要滚动条 -->
                        <div class="swiper-scrollbar"></div>
                    </div>
                </div>
            </div>
        </section>
    </section>
    <!--main content end-->
</section>

<!-- js placed at the end of the document so the pages load faster -->
<script src="newtemplatesfiles5/js/jquery.js"></script>
<script src="newtemplatesfiles5/js/jquery-1.8.3.min.js"></script>
<script src="newtemplatesfiles5/js/bootstrap.min.js"></script>
<script src="newtemplatesfiles5/js/jquery.scrollTo.min.js"></script>
<script src="newtemplatesfiles5/js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="newtemplatesfiles5/js/jquery.sparkline.js" type="text/javascript"></script>
<script src="newtemplatesfiles5/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.js"></script>
<script src="newtemplatesfiles5/js/owl.carousel.js" ></script>
<script src="newtemplatesfiles5/js/jquery.customSelect.min.js" ></script>

<!--common script for all pages-->
<script src="newtemplatesfiles5/js/common-scripts.js"></script>

<!--script for this page-->
<script src="newtemplatesfiles5/js/sparkline-chart.js"></script>
<script src="newtemplatesfiles5/js/easy-pie-chart.js"></script>
<!--swiper js-->
<script src="js/swiper-bundle.min.js"> </script>
<script>
    var mySwiper = new Swiper ('.swiper', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: {
            delay: 2000,//1秒切换一次
        },
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

        // 如果需要滚动条
        scrollbar: {
            el: '.swiper-scrollbar',
        },
    })
</script>
<style>
    .swiper {
        width: 100%;
        height: 600px;
    }
</style>
<script>

    //owl carousel

    $(document).ready(function() {
        $("#owl-demo").owlCarousel({
            navigation : true,
            slideSpeed : 300,
            paginationSpeed : 400,
            singleItem : true

        });
    });

    //custom select box

    $(function(){
        $('select.styled').customSelect();
    });

</script>

</body>
</html>
